<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap-3.4.1/css/bootstrap.css">
    <style>
        .c {
            height: 2000px;
            background-color: gray;
        }

        .mask {
            position: fixed;
            background-color: black;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            opacity: 0.5;
            z-index: 999;
        }

        .container {
            /*登录框的大小，边界，圆角*/
            height: 350px;
            width: 500px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            /*登录框的阴影设置，格式：水平方向，垂直方向，模糊距离，颜色*/
            box-shadow: 5px 5px 5px #aaa;
            /*登录框的位置*/
            margin-top: 250px;
            margin-left: auto;
            margin-right: auto;

            /*登录框的内边距*/
            padding: 20px 40px;

            /*background-color: white;*/
            /*position: fixed;*/
            /*z-index: 1000;*/
        }

       .container h3 {
            text-align: center;
        }
    </style>
</head>
<body>
<!--<div class="c"></div>-->
<!--<div class="mask"></div>-->
<div class="container">
    <div>
        <h3>用户登录</h3>
    </div>
    <form>
        <div class="form-group">
            <label for="exampleInputEmail1">用户名</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入用户名">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">密码</label>
            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
        </div>
<!--        <div class="form-group">-->
<!--            <label for="exampleInputFile">File input</label>-->
<!--            <input type="file" id="exampleInputFile">-->
<!--            <p class="help-block">Example block-level help text here.</p>-->
<!--        </div>-->
        <div class="checkbox">
            <label>
                <input type="checkbox"> 记住密码
            </label>
        </div>
        <button type="submit" class="btn btn-primary">登录</button>
    </form>
</div>


</body>
</html>
